<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查询结果</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <script src="../js/myJS/remJS.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <link rel="stylesheet" href="../css/myCss/popup.css">
    <link rel="stylesheet" href="../css/myCss/docTeam.css">
</head>
<body>
<div>
<div class="popupSearch">
    <ul>
        <li>
            <!--放大镜图标-->
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
            <!--手机的输入法中换行键变为搜索键-->
            <form class="formSearch" action='' onsubmit="return false;">
                <!--焦点在文本框上时，将文本框移至最上方，同时显示取消按钮-->
                <input id="popupText"  type="search" value="" placeholder="搜索专家/病症">
            </form>
            <!--文本框中不为空时显示搜索按钮，为空时显示取消按钮-->
            <button class="popupCancelButton" id="popupCancelButton">取消</button>
            <button class="popupSearchButton" id="popupSearchButton">搜索</button>
        </li>
    </ul>
</div>
    <!--搜索时的提示-->
    <div id="searchTip">
        <ul class="searchContentTitle">
            <li>
                热门搜索
            </li>
        </ul>
        <!--提示内容-->
        <div class="searchContentTip">
            <ul>
                慢性病
            </ul>
            <ul>
                心血管病
            </ul>
            <ul>
                中医资讯
            </ul>
            <ul>
                肿瘤
            </ul>
        </div>
    </div>

<!--搜索到的内容-->
<div id="searchContent">
    <!--搜索内容的导航栏-->
    <div class="searchContentNav">
        <ul>
            <li>
                <!--点击按钮切换搜索内容-->
                <button id="buttonExpert">
                    专家
                </button>
                <button id="buttonIllness">
                    病症
                </button>
            </li>
        </ul>
    </div>
    <!--搜索到的结果-->
    <div class="searchContentResult">
        <!--搜索到的病症-->
        <div class="searchIllness container">
            <div class="illnessResult row">
                <ul class="illnessResultImg col-xs-4 col-sm-4" style="background:url('../img/research.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                <ul class="illnessResultText col-xs-8 col-sm-8">
                    <li class="illnessResultTitle">认识与防治老年性耳聋，重返“有声”夕阳红</li>
                    <li class="illnessResultDesc">
                        <span>神经科</span>
                        <span>高志强</span>
                    </li>
                </ul>
            </div>
            <!--水平线-->
            <div class="HorizontalLine"></div>

            <div class="illnessResult row">
                <ul class="illnessResultImg col-xs-4 col-sm-4" style="background:url('../img/research.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                <ul class="illnessResultText col-xs-8 col-sm-8">
                    <li class="illnessResultTitle">认识与防治老年性耳聋，重返“有声”夕阳红认识与防治老年性耳聋，重返“有声”夕阳红</li>
                    <li class="illnessResultDesc">
                        神经科
                        &nbsp;
                        高志强
                    </li>
                </ul>
            </div>

            <div class="HorizontalLine"></div>

            <div class="illnessResult row">
                <ul class="illnessResultImg col-xs-4 col-sm-4" style="background:url('../img/research.png');background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                <ul class="illnessResultText col-xs-8 col-sm-8">
                    <li class="illnessResultTitle">认识与防治老年性耳聋，重返“有声”夕阳红</li>
                    <li class="illnessResultDesc">
                        神经科
                        &nbsp;
                        高志强
                    </li>
                </ul>
            </div>
            <div class="HorizontalLine"></div>
        </div>
        <!--搜索到的专家-->
        <div class="searchExpert">
            <a href="familyDoctorProfile.html">
                <div class="row famDocTeam_content">
                    <div class="famDocTeam_subContent">
                        <div class="col-xs-3 col-sm-3 famDocTeam_img_border">
                            <ul class="famDocTeam_img" style="background:url('../img/medicalService/family_07_03.png');
                        background-size:cover;background-position:center;background-repeat:no-repeat; "></ul>
                        </div>
                        <div class="col-xs-9 col-sm-9 famDocTeam_info">
                            <ul>
                                <li class="famDocTeam_info_name">简.爱</li>
                                <li class="famDocTeam_info_pos">副主任医生</li>
                            </ul>
                            <ul class="famDocTeam_info_left">
                                <li>学&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp历</li>
                                <li>执业年限</li>
                                <li>服务语言</li>
                            </ul>
                            <ul class="famDocTeam_info_right">
                                <li>本科</li>
                                <li>20年</li>
                                <li>中文</li>
                            </ul>
                        </div>
                        <ul class="famDocTeam_button">
                            <button class="fixedBottomBtnContent">
                                <img src="../img/medicalService/clock.png"/>
                                预约
                            </button>
                        </ul>
                    </div>
                    <div class="HorizontalLine"></div>
                    <div class="famDocTeam_sup">
                        <div class="famDocTeam_spe">
                            <ul class="famDocTeam_sup_title">
                                <li>专业特长</li>
                            </ul>
                            <ul class="famDocTeam_sup_content">
                                <li>女性生殖器感染，宫颈病变，妇科内分泌疾病，孕前保健，产前保健有深入的研究。</li>
                            </ul>
                        </div>
                        <div class="famDocTeam_exp">
                            <ul class="famDocTeam_sup_title">
                                <li>职业经验</li>
                            </ul>
                            <ul class="famDocTeam_sup_content">
                                <li>多年三甲医院以及北京高端医疗机构工作经历。304医院妇产科北大医院妇女儿童医院妇产科工作经历。</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>
<!--搜索内容为空时显示该div-->
<div id="searchNull">
    <ul>
        <li><img class="searchNullImg" src="../img/searchIsNull.png"/></li>
        <li>没有搜索到相关信息</li>
    </ul>
</div>
</div>
<script src="../js/jquery-3.3.1.js"></script>
<script src="../js/bootstrap.js"></script>
<script src="../js/myJS/searchResults.js"></script>
</body>
</html>
